<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/m_master">

<div layout:fragment="content">
    <input type="hidden" value="album" id="filedir">
    <input type="hidden" value="album" id="previews" name="previews"/>
    <div class="page-group">
        <div class="page page_manage_singleinfo">

            <header class="head-nav-wrap">
                <div class="head-nav ">
                    <div class="nav-title">
                        编辑资料
                    </div>
                    <div class="nav-left">
                        <a href="javascript:;" onClick="bottlecms.back()">
                            <i class="icon icon-bottlecms-100"></i>
                        </a>
                    </div>


                    <div class="nav-right">
                        <a class="hbtn" th:href="'/m/single/info/'+${singles.userId}">预览</a>
                    </div>

                </div>
            </header>

            <div class="page-content">


                <div class="avatar edit">
                    <div class="bg"
                         th:style="'background-image:url('+${singles.photo}+'_mh.jpg)'">
                    </div>
                    <a href="/m/center/singlephoto">
                        <div class="imgbox">
                            <div class="img">
                                <img th:src="${singles.photo}+'_200x200.jpg'"/>
                                <span class="clew-1">
                            </span>
                            </div>
                            <div th:if="${singles.photoCheck eq 0}" class="photo_check array_check_3">待审核</div>
                            <div th:if="${singles.photoCheck eq 2}" class="photo_check array_check_2">审核拒绝</div>
                            <div th:if="${singles.photoCheck eq 1}" class="photo_check array_check_1">审核通过</div>
                        </div>
                    </a>
                    <div style=" font-size:.6rem;position: relative; margin-top:1rem; color:#FFF; text-align:center">
                        请上传您真实照片
                    </div>
                    <div class="process">
                    <span class="percent">
                        资料完成度64%
                    </span>
                        <div class="percent_bar">
                            <div style="width:64%;">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="bcui-tab">
                    <div class="bcui-tab-title">
                        <div class="item active" tab="info">
                            基本资料
                        </div>
                        <div class="item" tab="mate">
                            择偶标准
                        </div>
                        <div class="item" tab="media">
                            个性展示
                        </div>
                    </div>
                    <div class="bcui-tab-content">

                        <div class="item active">
                            <nav bcui-popform="" class="handle-list">
                                <div class="list-item enter" form-item-maxsize="18" form-item-name="nickname"
                                     form-item-placeholder="请填写昵称" form-item-type="text"
                                     th:attr="form-item-value=${singles.nickname}">
                                    <div class="item-title">
                                        昵称
                                    </div>
                                    <div class="item-info data" th:text="${singles.nickname}">
                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="gender" form-item-type="select"
                                     th:attr="form-item-value=${singles.gender}">
                                    <div class="item-title">
                                        性别
                                    </div>
                                    <div class="item-info data" th:if="${singles.gender eq 1}" th:text="男士"></div>
                                    <div class="item-info data" th:if="${singles.gender eq 2}" th:text="女士"></div>
                                </div>

                                <div class="list-item enter" form-item-name="district" form-item-type="district"
                                     th:attr="form-item-value=${singles.district}">
                                    <div class="item-title">
                                        所在城市
                                    </div>
                                    <div class="item-info data" th:text="${singles.districtCn}">

                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="birthday" form-item-type="date"
                                     th:attr="form-item-value=${#dates.format(singles.birthday, 'yyyy-MM-dd')}"
                                     form-item-year-max="-90" form-item-year-min="-18">
                                    <div class="item-title">
                                        公历生日
                                    </div>
                                    <div class="item-info data"
                                         th:text="${#dates.format(singles.birthday, 'yyyy-MM-dd')}">

                                    </div>
                                </div>


                                <div class="list-item enter" form-item-name="height" form-item-type="select"
                                     th:attr="form-item-value=${singles.height}">
                                    <div class="item-title">
                                        身高
                                    </div>
                                    <div class="item-info data" th:text="${singles.height}+'cm'">
                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="income" form-item-type="select"
                                     th:attr="form-item-value=${singles.income}">
                                    <div class="item-title">
                                        月收入
                                    </div>
                                    <div class="item-info data">

                                        <em class="null" th:text="${singles.incomeCn}">

                                        </em>

                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="education" form-item-type="select"
                                     th:attr="form-item-value=${singles.education}">
                                    <div class="item-title">
                                        学历
                                    </div>
                                    <div class="item-info data" th:text="${singles.educationCn}">
                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="constellation" form-item-type="select"
                                     th:attr="form-item-value=${singles.constellation}">
                                    <div class="item-title">
                                        星座
                                    </div>
                                    <div class="item-info data" th:text="${singles.constellationCn}">
                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="zodiac" form-item-type="select"
                                     th:attr="form-item-value=${singles.zodiac}">
                                    <div class="item-title">
                                        生肖
                                    </div>
                                    <div class="item-info data" th:text="${singles.zodiacCn}">
                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="blood" form-item-type="select"
                                     th:attr="form-item-value=${singles.blood}">
                                    <div class="item-title">
                                        血型
                                    </div>
                                    <div class="item-info data" th:text="${singles.bloodCn}">
                                    </div>
                                </div>


                            </nav>
                            <nav bcui-popform="" class="handle-list">
                                <div class="tit">
                                    小档案
                                </div>

                                <div class="list-item enter" form-item-name="weight" form-item-type="select"
                                     th:attr="form-item-value=${singles.weight}">
                                    <div class="item-title">
                                        体重
                                    </div>
                                    <div class="item-info data" th:text="${singles.weight}+'kg'">
                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="nationality" form-item-type="select"
                                     th:attr="form-item-value=${singles.nationality}">
                                    <div class="item-title">
                                        民族
                                    </div>
                                    <div class="item-info data" th:text="${singles.nationalityCn}">

                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="disposition" form-item-type="select"
                                     th:attr="form-item-value=${singles.disposition}">
                                    <div class="item-title">
                                        性格
                                    </div>
                                    <div class="item-info data" th:text="${singles.dispositionCn}">
                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="house" form-item-type="select"
                                     th:attr="form-item-value=${singles.house}">
                                    <div class="item-title">
                                        购房情况
                                    </div>
                                    <div class="item-info data" th:text="${singles.houseCn}">
                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="car" form-item-type="select"
                                     th:attr="form-item-value=${singles.car}">
                                    <div class="item-title">
                                        购车情况
                                    </div>
                                    <div class="item-info data" th:text="${singles.carCn}">
                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="industry" form-item-type="select"
                                     th:attr="form-item-value=${singles.industry}">
                                    <div class="item-title">
                                        行业
                                    </div>
                                    <div class="item-info data" th:text="${singles.industryCn}">
                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="profession" form-item-type="select"
                                     th:attr="form-item-value=${singles.profession}">
                                    <div class="item-title">
                                        职业
                                    </div>
                                    <div class="item-info data" th:text="${singles.professionCn}">
                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="company" form-item-placeholder="请填工作单位名称"
                                     form-item-type="text" th:attr="form-item-value=${singles.company}">
                                    <div class="item-title">
                                        工作单位
                                        <span style="font-size:10px;">

                                    </span>
                                    </div>
                                    <div class="item-info data" th:text="${singles.company}">
                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="school" form-item-placeholder="请填写学校名称"
                                     form-item-type="text" th:attr="form-item-value=${singles.school}">
                                    <div class="item-title">
                                        毕业学校
                                        <span style="font-size:10px;">
                                        （按最高学历）
                                    </span>
                                    </div>
                                    <div class="item-info data" th:text="${singles.school}">
                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="native_place" form-item-type="district"
                                     th:attr="form-item-value=${singles.nativePlace}">
                                    <div class="item-title">
                                        户籍
                                    </div>
                                    <div class="item-info data" th:text="${singles.nativePlaceCn}">
                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="family_backg" form-item-type="select"
                                     th:attr="form-item-value=${singles.familyBackg}">
                                    <div class="item-title">
                                        家庭背景
                                    </div>
                                    <div class="item-info data">
                                        <em class="null" th:text="${singles.familyBackgCn}">
                                        </em>
                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="marriage" form-item-type="select"
                                     th:attr="form-item-value=${singles.marriage}">
                                    <div class="item-title">
                                        婚姻状况
                                    </div>
                                    <div class="item-info data">
                                        <em class="null" th:text="${singles.marriageCn}">
                                        </em>

                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="children" form-item-type="select"
                                     th:attr="form-item-value=${singles.children}">
                                    <div class="item-title">
                                        孩子
                                    </div>
                                    <div class="item-info data">

                                        <em class="null" th:text="${singles.childrenCn}">
                                        </em>

                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="marry" form-item-type="select"
                                     th:attr="form-item-value=${singles.marry}">
                                    <div class="item-title">
                                        结婚计划
                                    </div>
                                    <div class="item-info data">

                                        <em class="null" th:text="${singles.marryCn}">
                                        </em>

                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="drink" form-item-type="select"
                                     th:attr="form-item-value=${singles.drink}">
                                    <div class="item-title">
                                        饮酒
                                    </div>
                                    <div class="item-info data" th:text="${singles.drinkCn}">
                                        <em class="null">
                                        </em>

                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="smoking" form-item-type="select"
                                     th:attr="form-item-value=${singles.smoking}">
                                    <div class="item-title">
                                        吸烟
                                    </div>
                                    <div class="item-info data">

                                        <em class="null" th:text="${singles.smokingCn}">
                                        </em>

                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="work_out" form-item-type="select"
                                     th:attr="form-item-value=${singles.workOut}">
                                    <div class="item-title">
                                        健身习惯
                                    </div>
                                    <div class="item-info data">

                                        <em class="null" th:text="${singles.workOutCn}">
                                        </em>

                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="work_rest" form-item-type="select"
                                     th:attr="form-item-value=${singles.workRest}">
                                    <div class="item-title">
                                        作息习惯
                                    </div>
                                    <div class="item-info data">

                                        <em class="null" th:text="${singles.workRestCn}">
                                        </em>

                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="pet" form-item-type="select"
                                     th:attr="form-item-value=${singles.pet}">
                                    <div class="item-title">
                                        关于宠物
                                    </div>
                                    <div class="item-info data" th:text="${singles.petCn}">
                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="religious" form-item-type="select"
                                     th:attr="form-item-value=${singles.religious}">
                                    <div class="item-title">
                                        宗教信仰
                                    </div>
                                    <div class="item-info data" th:text="${singles.religiousCn}">
                                    </div>
                                </div>

                            </nav>
                            <nav bcui-popform="" class="handle-list">
                                <div class="tit">
                                    兴趣爱好
                                </div>
                                <div class="list-item enter" form-item-name="hobby" form-item-type="checkbox"
                                     th:attr="form-item-value=${singles.hobbyCn}">
                                    <div class="item-title">
                                        兴趣爱好
                                    </div>
                                    <div class="item-info data multiline hobby">

                                        <em class="null" th:text="${singles.hobbyCn}">
                                        </em>

                                    </div>
                                </div>
                            </nav>

                            <nav bcui-popform="" class="handle-list">
                                <div class="tit">
                                    内心独白
                                </div>
                                <div class="list-item " form-item-maxsize="250" form-item-name="soliloquy"
                                     form-item-placeholder="请填写内心独白 5-250字～" form-item-type="textarea"
                                     th:attr="form-item-value=${singles.soliloquy}"
                                     style="min-height: 5rem;">
                                    <div class="item-title" style="display: none;">
                                        内心独白
                                    </div>
                                    <div class="multiline data" th:text="${singles.soliloquy}">

                                    </div>
                                </div>
                            </nav>

                            <nav bcui-popform="" class="handle-list">
                                <div class="tit">
                                    照片展现方式
                                </div>
                                <div class="list-item enter" form-item-category="photo_mode" form-item-name="photo_mode"
                                     form-item-type="select" th:attr="form-item-value=${singles.photoMode}">
                                    <div class="item-title" style="display: none;">
                                        照片展现方式
                                    </div>
                                    <div class="info data" th:text="${singles.photoMode eq 2 ?'模糊显示':'清晰显示'}">
                                        <!--                                    <div class="info data" th:case="1" th:text="清晰显示">-->
                                        <!--                                    <div class="info data" th:case="2" th:text="模糊显示">-->
                                    </div>
                                </div>
                            </nav>


                            <nav bcui-popform="" class="handle-list">
                                <div class="tit">
                                    展现方式
                                </div>
                                <div class="list-item enter" form-item-category="display_mode"
                                     form-item-name="display_mode" form-item-type="select"
                                     th:attr="form-item-value=${singles.displayMode}">
                                    <div class="item-title" style="display: none;">
                                        展现方式
                                    </div>
                                    <div class="info data" th:if="${singles.displayMode eq 1}" th:text="仅自己可见"></div>
                                    <div class="info data" th:if="${singles.displayMode eq 2}" th:text="符合条件的人可见"></div>
                                    <div class="info data" th:if="${singles.displayMode eq 3}" th:text="仅自己可见"></div>
                                </div>
                            </nav>
                        </div>


                        <div class="item">
                            <nav bcui-popform="" class="handle-list">
                                <div class="list-item enter" form-item-category="gender" form-item-name="mate_gender"
                                     form-item-type="select" th:attr="form-item-value=${singles_mate.mateGender}">
                                    <div class="item-title">
                                        对方性别
                                    </div>
                                    <div class="item-info data" th:if="${singles_mate.mateGender eq 1}"
                                         th:text="男士"></div>
                                    <div class="item-info data" th:if="${singles_mate.mateGender eq 2}"
                                         th:text="女士"></div>
                                </div>

                                <div class="list-item enter" form-item-max="80" form-item-min="18"
                                     form-item-name="mate_age" form-item-type="range"
                                     th:attr="form-item-value=${singles_mate.mateAge}">
                                    <div class="item-title">
                                        对方年龄
                                    </div>
                                    <div class="item-info data" th:text="${singles_mate.mateAge}+'岁'">
                                    </div>
                                </div>

                                <div class="list-item enter" form-item-max="245" form-item-min="145"
                                     form-item-name="mate_height" form-item-type="range" form-item-unit="cm"
                                     th:attr="form-item-value=${singles_mate.mateHeight}">
                                    <div class="item-title">
                                        对方身高
                                    </div>
                                    <div class="item-info data" th:text="${singles_mate.mateHeight}+'cm'">
                                        145~145cm
                                    </div>
                                </div>

                                <div class="list-item enter" form-item-max="199" form-item-min="40"
                                     form-item-name="mate_weight" form-item-type="range" form-item-unit="kg"
                                     th:attr="form-item-value=${singles_mate.mateWeight}">
                                    <div class="item-title">
                                        对方体重
                                    </div>
                                    <div class="item-info data" th:text="${singles_mate.mateWeight}+'kg'">
                                    </div>
                                </div>

                                <div class="list-item enter" form-item-category="income" form-item-name="mate_income"
                                     form-item-type="select" form-item-unlimited="不限"
                                     th:attr="form-item-value=${singles_mate.mateIncome}">
                                    <div class="item-title">
                                        对方月收入
                                    </div>
                                    <div class="item-info data">
                                        <em class="null" th:text="${singles_mate.mateIncomeCn}">
                                        </em>
                                    </div>
                                </div>

                                <div class="list-item enter" form-item-category="education"
                                     form-item-name="mate_education" form-item-type="select" form-item-unlimited="不限"
                                     th:attr="form-item-value=${singles_mate.mateEducation}">
                                    <div class="item-title">
                                        对方学历
                                    </div>
                                    <div class="item-info data">
                                        <em class="null" th:text="${singles_mate.mateEducationCn}">
                                        </em>

                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="mate_district" form-item-type="district"
                                     form-item-unlimited="不限" th:attr="form-item-value=${singles_mate.mateDistrict}">
                                    <div class="item-title">
                                        对方所在地
                                    </div>
                                    <div class="item-info data">

                                        <em class="null" th:text="${singles_mate.mateDistrictCn}">
                                        </em>

                                    </div>
                                </div>

                                <div class="list-item enter" form-item-name="mate_native_place"
                                     form-item-type="district" form-item-unlimited="不限"
                                     th:attr="form-item-value=${singles_mate.mateNativePlace}">
                                    <div class="item-title">
                                        对方籍贯
                                    </div>
                                    <div class="item-info data">

                                        <em class="null" th:text="${singles_mate.mateNativePlaceCn}">
                                        </em>

                                    </div>
                                </div>

                                <div class="list-item enter" form-item-category="nationality"
                                     form-item-name="mate_nationality" form-item-type="select" form-item-unlimited="不限"
                                     th:attr="form-item-value=${singles_mate.mateNationality}">
                                    <div class="item-title">
                                        对方民族
                                    </div>
                                    <div class="item-info data">

                                        <em class="null" th:text="${singles_mate.mateNationalityCn}">
                                        </em>

                                    </div>
                                </div>

                                <div class="list-item enter" form-item-category="disposition"
                                     form-item-name="mate_disposition" form-item-type="select" form-item-unlimited="不限"
                                     th:attr="form-item-value=${singles_mate.mateDisposition}">
                                    <div class="item-title">
                                        对方性格
                                    </div>
                                    <div class="item-info data">

                                        <em class="null" th:text="${singles_mate.mateDispositionCn}">
                                        </em>

                                    </div>
                                </div>

                                <div class="list-item enter" form-item-category="marriage"
                                     form-item-name="mate_marriage" form-item-type="select" form-item-unlimited="不限"
                                     th:attr="form-item-value=${singles_mate.mateMarriage}">
                                    <div class="item-title">
                                        对方婚姻状态
                                    </div>
                                    <div class="item-info data">

                                        <em class="null" th:text="${singles_mate.mateMarriageCn}">
                                        </em>

                                    </div>
                                </div>

                                <div class="list-item enter" form-item-category="children"
                                     form-item-name="mate_children" form-item-type="select" form-item-unlimited="不限"
                                     th:attr="form-item-value=${singles_mate.mateChildren}">
                                    <div class="item-title">
                                        对方孩子情况
                                    </div>
                                    <div class="item-info data">

                                        <em class="null" th:text="${singles_mate.mateChildrenCn}">
                                        </em>

                                    </div>
                                </div>

                                <div class="list-item enter" form-item-category="house" form-item-name="mate_house"
                                     form-item-type="select" form-item-unlimited="不限"
                                     th:attr="form-item-value=${singles_mate.mateHouse}">
                                    <div class="item-title">
                                        对方房产情况
                                    </div>
                                    <div class="item-info data">

                                        <em class="null" th:text="${singles_mate.mateHouseCn}">
                                        </em>

                                    </div>
                                </div>

                                <div class="list-item enter" form-item-category="car" form-item-name="mate_car"
                                     form-item-type="select" form-item-unlimited="不限"
                                     th:attr="form-item-value=${singles_mate.mateCar}">
                                    <div class="item-title">
                                        对方购车情况
                                    </div>
                                    <div class="item-info data">

                                        <em class="null" th:text="${singles_mate.mateCarCn}">
                                        </em>

                                    </div>
                                </div>

                                <div class="list-item enter" form-item-category="religious"
                                     form-item-name="mate_religious" form-item-type="select" form-item-unlimited="不限"
                                     th:attr="form-item-value=${singles_mate.mateReligious}">
                                    <div class="item-title">
                                        对方宗教
                                    </div>
                                    <div class="item-info data">

                                        <em class="null" th:text="${singles_mate.mateReligiousCn}">
                                        </em>

                                    </div>
                                </div>

                                <div class="list-item enter" form-item-category="marry" form-item-name="mate_marry"
                                     form-item-type="select" form-item-unlimited="不限"
                                     th:attr="form-item-value=${singles_mate.mateMarry}">
                                    <div class="item-title">
                                        对方结婚计划
                                    </div>
                                    <div class="item-info data">

                                        <em class="null" th:text="${singles_mate.mateMarryCn}">
                                        </em>

                                    </div>
                                </div>

                                <div class="list-item enter" form-item-category="family_backg"
                                     form-item-name="mate_family_backg" form-item-type="select" form-item-unlimited="不限"
                                     th:attr="form-item-value=${singles_mate.mateFamilyBackg}">
                                    <div class="item-title">
                                        对方家庭背景
                                    </div>
                                    <div class="item-info data">

                                        <em class="null" th:text="${singles_mate.mateFamilyBackgCn}">
                                        </em>

                                    </div>
                                </div>

                                <div class="list-item enter" form-item-category="constellation"
                                     form-item-name="mate_constellation" form-item-type="select"
                                     form-item-unlimited="不限"
                                     th:attr="form-item-value=${singles_mate.mateConstellation}">
                                    <div class="item-title">
                                        对方星座
                                    </div>
                                    <div class="item-info data">

                                        <em class="null" th:text="${singles_mate.mateConstellationCn}">
                                        </em>

                                    </div>
                                </div>

                            </nav>
                        </div>

                        <div class="item">
                            <nav class="handle-list">
                                <div class="tit">
                                    我的相册 <font style=" font-size:.6rem; color:#999; ">
                                    （请上传您真实照片）
                                </font>
                                </div>

                                <ul class="bcui-photo-list photobox" style="margin-top: 0">
                                    <li th:each="item:${photo}">
                                        <img th:src="${item.photo}"/>
                                        <i class="del" th:attr="data-id=${item.id}">
                                            ×
                                        </i>
                                        <div class="audit">
                                            <font th:if="${item.isCheck eq 1}" th:class="array_check_1">通过</font>
                                            <font th:if="${item.isCheck eq 2}" th:class="array_check_2">拒绝</font>
                                            <font th:if="${item.isCheck eq 3}" th:class="array_check_3">待审核</font>
                                        </div>
                                    </li>
                                    <li class="addbtn">
                                        <div class="uppicbtn bcui-upload-box">
                                            <input type="file" name="album" accept="image/*"/>
                                        </div>
                                    </li>
                                </ul>

                            </nav>

                            <nav class="handle-list">
                                <div class="tit">
                                    我的声音
                                </div>
                                <div class="list-item" style="text-align:center; padding-top:1rem;">
                                    <div class="voicebox">
                                        <div class="bcui_voice" th:style="${singles.voice eq ''}?'display: none;':''" >
                                            <div class="bcui_voice_back"
                                                 th:style="'background-image:url('+${singles.photo}+'_200x200.jpg)'">
                                            </div>
                                            <audio controls="controls" hidden="" id="voice_661" preload=""
                                                   th:src="${singles.voice}">
                                            </audio>
                                            <div class="bcui_voice_btn"></div>
                                        </div>

                                        <div class="placeholder"
                                             style="border-radius: 100% ; display: inline-block; width: 5rem; height: 5rem; text-align: center; "
                                             th:style="${singles.voice ne ''}?'display: none;':''">
                                            <img src="/m/img/speak.svg"
                                                 style="width: 4em; height: 4em;vertical-align: middle;overflow: hidden;margin:.5rem">
                                            </img>
                                        </div>
                                    </div>
                                    <button class="btn btn-sm  js_up_recorder">
                                        录音
                                    </button>
                                </div>
                            </nav>
                            <div class="upvoicebox" style=" height: 0; width: 0; overflow: hidden;">
                                <input type="file" name="voice" id="upload-upvoice" accept="audio/*" maxsize="60"/>
                            </div>

                            <nav class="handle-list">
                                <div class="tit">
                                    我的视频
                                </div>
                                <div class="list-item" style="text-align:center; padding-top:1rem;">
                                    <div class="videobox">
                                        <div style="border-radius: 100% ; display: inline-block; width: 5rem; height: 5rem; text-align: center; ">
                                            <video th:if="${singles.video ne ''}" style="background: #000" width="300" height="200" controls="controls" preload=""
                                                   th:src="${singles.video}"></video>
                                            <img th:if="${singles.video eq ''}" src="/m/img/video.svg"
                                                 style="width: 4em; height: 4em;vertical-align: middle;overflow: hidden;margin:.5rem">
                                        </div>
                                    </div>
                                    <button type="button" class="btn btn-sm bcui-upload-box">上传
                                        <input type="file"
                                               name="video"
                                               accept="video/*"
                                               maxsize="60"/>
                                    </button>


                                </div>
                            </nav>


                        </div>
                    </div>
                </div>

                <div style="height: 3rem;"></div>

            </div>
        </div>
    </div>
    <script type='text/javascript' src="/m/js/category.js"></script>

    <div th:replace="layout/m_layout::systemJs"></div>
    <script type='text/javascript' src="/m/js/category.js"></script>
    <script type='text/javascript' src="/m/js/category_district.js"></script>
    <script id="javascript-bottlecms-popform" src="/m/js/bottlecms-popform.js" type="text/javascript"></script>
    <script type="text/javascript" src="/m/js/center/singleinfo.js"></script>

</div>
</html>
